<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css"
	href="//at.alicdn.com/t/font_388406_5zf3trhujaev1jor.css">
</head>
<body>
<style>
	.new-address-table td{
		padding:10px;
		outline: none;
	}
	.new-address-table input{
		border-radius:3px;
	}
	.new-address-table td:NTH-CHILD(odd){
	text-align: right;
	}
	.new-address-table td:NTH-CHILD(even){
	text-align: left;
	padding-right: 40px;
	padding-left:0px;
	color:#c65f4a;
	}
</style>
	<link rel="stylesheet" type="text/css" href="/css/public.css">
	<link rel="stylesheet" type="text/css" href="../css/address.css">
	<script type="text/javascript" src="/js/address.js"></script>
	<script>
		$(function(){
			if(${(address.type)!''}){
				$(".statustype").val(${(address.type)!''});
			}
			if(${(address.dir.id)!''}){
				$(".statustype").val(${(address.dir.id)!''});
			}
		})
	</script>
	<div class="contacts-tables" style="display: none;">
		<div class="contacts-tables-div">
			<div style="height: 44px; border-bottom: 1px solid #f2f2f2;">
				<div class="tab-tool"
					style="margin-right: 10px; line-height: 28px; margin-top: 7px;">
					<input name="search" class="search-btn-shareuser-input" type="text"
						placeholder="查找..."> <a
						class="search-btn search-btn-shareuser"> <i
						class="iconfont icon-search" style="font-size: 16px;"></i>
					</a>
				</div>
			</div>
		</div>
	</div>
	<!-- body大盒子div开始 -->
	<div class="body">
		<!-- content-header顶部div 开始 -->
		<#include "/head.ftl">
		<!-- 中部content div开始 -->
		<div class="content">
			<!-- 中部content内容 div开始 -->
			<div class="row">
			<div class="row-left">
					<a href="/address/addAddress" title="新建联系人"
						class="btn btn-upload bgColor-green2 margin-bottom button"
						style="margin: 0 0 20px 0"> <i
						class="iconfont icon-brush_fill" style="color: white;"></i> 新建联系人
					</a>
					<div class="box box-solid">
						<div class="box-header with-border">
							<h3 class="box-title">文件夹</h3>
							<div class="box-tools">
								<button class="btn btn-box-tool jian" onclick="jian()">
									<i class="iconfont icon-jian" id="one"></i>
								</button>
							</div>
						</div>
						<div class="box-body no-padding yunpan" style="display: block;max-height: 183px;overflow-y: auto;">
							<ul class="nav nav-pills nav-stacked type-ul">
								<li><a> 
									<i class="iconfont icon-time-back"></i> 
									<span>最近</span>
								</a></li>
								<#list dirlist as dir>
									<li><a class="address-type" dirid="${dir.id}"> 
										<i class="iconfont icon-circle1"></i> 
										<span>${dir.name}</span>
									</a>
									<a class='dir-btn-delete' dirid="${dir.id}" style='margin-left: 28px;display: none;color:#a29d9d'>
									<i class='iconfont icon-trash'></i>
									</a>
									</li>
								</#list>
							</ul>
						</div>				
					</div>
					<div class="box box-solid">
						<div class="box-header with-border">
							<h3 class="box-title">分类</h3>
						</div>
						<div class="box-body no-padding" style="display: block;">
							<div style="padding:10px">
								<div class="tab-tool" style="float:none">
									<input class="search-input new-type-input" style="width: 86%" type="text" placeholder="类型名称...">
									<div style="display: inline-block;"><a class="new-type uniquebackground" style=" margin-left: -5px;"> 
										<i class="iconfont icon-jia" style="font-size:14px;color: white;"></i>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="box box-solid">
						<div class="box-header with-border">
							<h3 class="box-title">类型</h3>
							<div class="box-tools">
								<button class="btn btn-box-tool" onclick="jian2()">
									<i class=" iconfont icon-jian " id="two"></i>
								</button>
							</div>
						</div>
						<div class="box-body no-padding leixing" style="display: block;">
							<ul class="nav nav-pills nav-stacked address-status">
								<#list status['address'] as addre>
									<li class="address-menu" status="${addre.value}">
									<a> <i class="iconfont icon-circle1 "></i>${addre.name}
									</a></li>
								</#list>			
							</ul>
						</div>
					</div>
				</div>
				<!-- 右部div盒子开始 -->
			
				<div class="row-right">
					<div class="box tab" style="padding: 10px;">
						
							<form id="addressForm" enctype="multipart/form-data" action="/address/keepaddress" method="post">
						 <div class="box-body no-padding">
							<div class="morediv">
							
							</div>
							<div class="new-address-table" style="margin: 30px;">
							<fieldset style="border-color:rgba(183, 33, 1, 0.7);text-align: center; ">
							<legend>联系人信息</legend>
							<table style="margin:27px auto">
										<tr class="share-td" style="display: none">
										<td>分享:</td>
										<td colspan="3"><div class="form-group" style="position: relative;">
												<input type="text" class="form-control getmain-user" readonly="readonly" style="padding: 0px;"
													placeholder="分享人姓名....."> 
													<input type="text"   class="userid-input" style="display: none;">
												<div style="position: absolute; top: 5px; right: 5px;">
															<a href="javascript:void(0)" class="fancybox "> <span
														class="label label-success uniquebackground"> <i
													class="iconfont icon-jia " style="color: white;font-size: 14px;"></i>
												</span>
												</a>
											</div>
										</div>
										</td>
										</tr>
										<#if user??>
												<tr>
													<td>姓名：</td>
													<td>${user.realName}</td>
													<td style="text-align: center;" colspan="2" rowspan="4">
														<#if user.photo?? && user.photo!=''>
															<img id="head" src="/file/image/${user.photo}" width="150px" height="150px" style="border:1px solid rgba(0, 166, 90, 0.5);margin:20px 0;">
														<#else>
															<img id="head" src="/images/default-head.jpg" width="150px" height="150px" style="border:1px solid rgba(0, 166, 90, 0.5);margin:20px 0;">
														</#if>
													</td>
												</tr>
												<tr>
													<td>性别：</td>
													<td>${user.sex}</td>
												</tr>
												<tr>
													<td>学历：</td>
													<td>${user.education}</td>
												</tr>
												<tr>
													<td>出生日期：</td>
													<td>${user.bir}</td>
												</tr>
												<tr>
													<td>毕业院校：</td>
													<td>${user.graduationSchool}</td>
												</tr>
												<tr>
													<td>邮箱账号：</td>
													<td>${user.email}</td>
													<td>手机号码：</td>
													<td>${user.tel}</td>
												</tr>
												<tr>
													<td>所在部门：</td>
													<td>${user.dept.name}</td>
													<td>所属职位：</td>
													<td>${user.deptOffice.name}</td>
												</tr>
												<tr>
												<td>就职日期：</td>
													<td>${user.hiredate}</td>
												</tr>
												<tr>
													<td>家庭住址：</td>
													<td colspan="3">${user.address}</td>
												</tr>
											<#else>
												<tr>
													<td>姓名:</td>
													<td>${(address.username)!''}</td>
													<td>性别:</td>
													<td style="text-align: left;">
													<#if address?? && address.sex==1>
														<i class="iconfont icon-boy" style="color: #00c0ef;"></i>
														<#else>
														<i class="iconfont icon-girl" style="color: #e14040;"></i>
													</#if>	
													</td>
													<td rowspan="4">
													
													<#if address??&& address.photo!=''>
														 <img id="head" src=/file/image/${address.photo} style="width:136px;height:160px;border: 2px solid #cfcfcf"/>
													<#else>
														<img id="head" src="/images/default-head.jpg" width="150px" height="150px" style="border:1px solid rgba(0, 166, 90, 0.5);margin:20px 0;">
													</#if>
				
												</td>
											</tr>
											<tr>
												<td>号码:</td>
												<td colspan="2">${(address.tel)!''}</td>
											</tr>
											<tr>
												<td>传真:</td>
												<td colspan="4">${(address.fax)!''}</td>
											</tr>
											<tr>
												<td >Email:</td>
												<td colspan="4">${(address.email)!''}</td>
											</tr>
											<tr>
												<td>地址:</td>
												<td colspan="4">${(address.addr)!''}</td>
											</tr>
											<tr>
												<td>备注:</td>
												<td colspan="2">${(address.remark)!''}</td>
												<td>创建时间:</td>
												<td colspan="2">${(address.createtime)!''}</td>
											</tr>
										</#if>
									</table>
									</fieldset>
							</div>
							<div class="box-footer no-padding"
								style="padding: 14px 0px 10px 0px; border-top: 1px solid #f2f2f2;text-align: center;">
							</div>
						</form>
					</div>
					<!-- 右部div盒子开始 -->
				</div>
			</div>

			<!-- 中部content div结束-->
		</div>
	
		<!-- body大盒子div结束 -->
	</div>
</body>
</html>